@import "lib.less";
@import "colors.less";
@import "constants.less";
@import "commons.less";

@standar_width: 557px;
@last_works_width: 160px;
.slide_content {
	margin:5px;
	float:left;
	height: 320px;
	width: @standar_width - 116;
}

.selected_menu_item(@mainColor) {
	.addRoundedCorners();
	background-color:@mainColor;
	position:relative;
	color:white;
	z-index:-1;
}

.web_btn_selected {
	.selected_menu_item(@skyBlue);
}

.identity_btn_selected {
	.selected_menu_item(@yellowColor);
}

.photo_btn_selected {
	.selected_menu_item(@redColor);
}

.motion_btn_selected {
	.selected_menu_item(@greenMenuColor);
}


.web_btn {
	width:60px;
}

.identity_btn {
	width:150px;
}

.photo_btn {
	width:160px;
}

.motion_btn {
	width:110px;
}

.works_content{
	float:left;
}

.slide_pics {
	height: 320px;
	width: @standar_width - 125px;
	
}

.last_works_box {
	width:@last_works_width;
	height:100px;
	margin-right:20px;
	cursor:pointer;
}

.last_works_img {
	width:@last_works_width;
	height:100px;
}

.center_item {
	margin-left:20px;
	margin-right:20px;
}

.menu_item {
	padding-left:80px;
	position:relative;
}


.works_title {
	font-family:@global_font;
	margin-left:10px;
	max-width:@last_works_width;
	width:@last_works_width;
	max-height:20px;
	height:20px;
}

.social_network_item{
	float:left;
	margin-left:2px;
	margin-top:20px;
	margin-bottom:2px;
	margin-right:2px;
	height:26px;
	width:26px;
}

#slide_content_div {
	height: 320px;
	width: @standar_width - 125px;
}

#footer_lang {
	width:@max_width_layout;
	visibility: visible;
	display: inline-block;
	height:45px;
}

#languajes_bar {
	padding-top:15px;
  	left: 800px;
  	top: 0px;
  	position: relative;
	width:140px;
	height:30px;
}

#lang_box {
  	text-align: center;
	font-size:12px;

	color:white;
}

#menu_bar_div {
	float: left;
	width: 348px;
	height: 650px;
	
}

#menu_bar {
	position:relative;
	background-repeat: no-repeat;
	background-image: url(../pic/menuBar.png);
	width: 100%;
	height: 448px;

}

#social_network_content {
	
	width:120px;
	height:30px;
}

#facebook_div {
	background-repeat: no-repeat;
	background-image: url(../pic/facebook.png);
}

#skype_div {
	background-repeat: no-repeat;
	background-image: url(../pic/skype.png);
}

#youtube_div {
	background-repeat: no-repeat;
	background-image: url(../pic/youtube.png);
}

#flicker_div {
	background-repeat: no-repeat;
	background-image: url(../pic/flicker.png);
}

#last_works_title {
	float:left;
	font-size:13pt;
}

#last_works_content{
	margin-top:40px;

}

#last_works {
	padding-top:20px;
	width: @standar_width + 20;
	height:180px;
}

#last_works_main_title {
	float:left;
	font-size:12px;
	font-style: bold;
}

#last_works_second_title {
	margin-left:7px;
	font-size:12px;
	float:left;
}

#content_title_div{
	font-size:36px;
}

#slide_content_div{
	float: left;
	margin-top:5px;
}

#slide_div {
	height: 330px;
	width: @standar_width;
}

#prev_div{
	float: left;
	margin-top:150px;
	margin-left:15px;
	margin-right:20px;
	height:40px;
	width:30px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-image: url(../pic/prevButton.png);
}

#next_div{
	float: left;
	margin-top:150px;
	margin-left:25px;
	height:40px;
	width:30px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-image: url(../pic/nextButton.png);
}

#red_line {
	float:left;
	margin-left:2px;
	margin-bottom:2px;
	height:10px;
	width:435px;
	background-repeat: no-repeat;
	background-image: url(../pic/redline.png);
}

#content_div {
  	float: left;
  	height: 540px;
  	width: @standar_width;
}

#social_network_div {
	font-size:10pt;
	margin-top:30px;
	margin-left:185px;
	height: 100px;
  	width: 165px;
}

#bread_crumb_div{
	margin-left:30px;
	padding-top:7px;
	padding-left:50px;
	font-size:12px;
	float: left;
	.addRoundedCorners();
	background-color:@greyColor;
	width:@standar_width - 50;
	color:white;
	height:23px;
}

#header_div {
	font-weight: bold;
	font-size:31pt;
	float: left;
	height: 110px;
  	width: 550px;	
}

#footer_div{
	float: left;
	width:100%;
	height:40px;
}

#signature_div {
	
	float: left;
	margin-left:185px;
	width:140px;
	font-size:10px;
	height:100%;
}

#list_menu_items {
	position:relative;
	padding-top:160px;
	margin-left:85px;
	width:350px;
	font-size:22px;
	font-weight: bold;

}

#owner_div {
	font-weight: bold;
}